<template>
	<view class="content">
		<view class="main">
			<image :src="baseImageUrl + '/serveregist/play-regist-file.png'" />
			<view><text>审核失败</text></view>
		</view>
		<view class="reason">
			<view style="min-width: 138rpx;">失败原因：</view>
			<view class="reason-failReason">{{ failReason }}</view>
		</view>
		<view class="btn-container"><button class="bottom-change-view" @click="resubmit">重新申请</button></view>
	</view>
</template>
<script>
import { baseImageUrl } from '@/config/config.js';
import { getAppServePlayerApplyStatus } from '@/constant/schedule.js';
export default {
	data() {
		return {
			baseImageUrl: baseImageUrl,
			failReason: ''
		};
	},
	onLoad() {
		this.getApplyStatus();
	},
	methods: {
		resubmit() {
			uni.navigateTo({
				url: '../regist/index'
			});
		},
		async getApplyStatus() {
			let result = await getAppServePlayerApplyStatus({ servePlayerId: uni.getStorageSync('customerId') });
			this.failReason = result.Remark;
		}
	}
};
</script>

<style lang="scss" scoped>
.content {
	height: 100vh;
	font-size: $main-text-size-28;
}
.main {
	text-align: center;
	margin-top: 40rpx;
	margin-bottom: 84rpx;
	image {
		width: 506rpx;
		height: 316rpx;
	}
}
.reason {
	padding: 0 30rpx;
	font-family: 'SourceHanSansCN-Regular';
	display: flex;
	color: $main-text-color-gray-black;
	margin-bottom: 80rpx;
	font-size: $main-text-size-28;
	.reason-failReason {
		width: calc(100% - 138rpx);
		color: $main-text-color-gray-33;
		font-family: 'SourceHanSansCN-Regular';
		font-size: $main-text-size-28;
	}
}
.btn-container {
	padding: 0 30rpx;

	button {
		color: #fff;
		font-size: $main-text-size-32;
	}
}
</style>
